<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="css/img.css">
  <style type="text/css"> 
    .dropdown-submenu { 
     position: relative; 
    } 
    .dropdown-submenu > .dropdown-menu { 
      padding: 2px;
     top: 55px; 
     left: 0; 
     margin-top: -6px; 
     margin-left: -1px; 
     -webkit-border-radius: 0 0px 6px 6px; 
     -moz-border-radius: 0 6px 6px; 
     border-radius: 0 0px 6px 6px; 
    } 
    .dropdown-submenu:hover > .dropdown-menu { 
     display: block; 
    } 
    .dropdown-submenu:hover > a:after { 
     border-left-color: #fff; 
    } 
    .dropdown-submenu.pull-left > .dropdown-menu { 
     left: -100%; 
     margin-left: 10px; 
     -webkit-border-radius: 0px 0 6px 6px; 
     -moz-border-radius: 6px 0 6px 6px; 
     border-radius: 0px 0 6px 6px; 
    } 
    .section{
      height: 2000px;
      background:rgb(255, 255, 255) ;
      background-size: 100%;
    }
    

    .dropdown-menu>li{
      padding: 0.5rem 0.5rem;
      background-color: rgba(0, 0, 0, 0.03);
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }
    </style>
</head>
<body>
   <div>
    <div class="navbar navbar-dark bg-success navbar-expand-md ">
      <a href="" class="navbar-brand strong"><img src="image/site_avatar_xinglugu_m.png"> StardewValley星露谷物语</a>
      <button data-toggle="collapse" data-target="#d1" class="navbar-toggler ">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="d1">
        <ul class="navbar-nav ">
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">基本概念</a>
            <ul class="dropdown-menu">
              <li>新手指南</li>
              <li>操控</li>
              <li>生命值</li>
              <li>体力值</li>
              <li>技能</li>
              <li>游戏内时间</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">作物</a>
            <ul class="dropdown-menu">
              <li>农作物</li>
              <li>果树</li>
              <li>采集</li>
              <li>动物</li>
              <li>手工制品</li>
              <li>设备</li>
              <li>农舍</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">基本概念</a>
            <ul class="dropdown-menu">
              <li>新手指南</li>
              <li>操控</li>
              <li>生命值</li>
              <li>体力值</li>
              <li>技能</li>
              <li>游戏内时间</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">采集</a>
            <ul class="dropdown-menu">
              <li>工具</li>
              <li>文物</li>
              <li>矿石</li>
              <li>鱼</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">制作</a>
            <ul class="dropdown-menu">
              <li>烹饪</li>
              <li>戒指</li>
              <li>设备</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">战斗</a>
            <ul class="dropdown-menu">
              <li>怪物</li>
              <li>武器</li>
            </ul>
          </li>
          <li class="nav-item dropdwon dropdown-submenu">
            <a data-toggle="dropdown" class="nav-link btn-dropdwon-toggle">互动</a>
            <ul class="dropdown-menu">
              <li>村民</li>
              <li>社交</li>
              <li>婚姻</li>
              <li>孩子</li>
              <li>节日</li>
              <li>任务</li>
              <li>组合</li>
              <li>成就</li>
              <li>彩蛋</li>
            </ul>
          </li>
        </ul>
        <a href="/public/reg.html" class="btn">注册</a>
        <a href="/public/login.html" class="btn">登录</a>
      </div>
    </div>
    <div class="bg-info section">
      <div class="container">
        <table></table>
        <div class="carousel" id="demo" data-ride="carousel">
          <div class="carousel-inner">
            <div class="carousel-item">
              <img src="image/screen1.jpg" alt="">
            </div>
            <div class="carousel-item">
              <img src="image/screen2.jpg" alt="">
            </div>
            <div class="carousel-item">
              <img src="image/screen3.jpg" alt="">
            </div>
            <div class="carousel-item active">
              <img src="image/screen4.jpg" alt="">
            </div>
          </div>
          <a href="#demo" data-slide="prev" class="carousel-control-prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
          <a href="#demo" data-slide="next" class="carousel-control-next">
            <span class="carousel-control-next-icon"></span>
          </a>
          <ul class="carousel-indicators">
            <li data-slide-to="0" data-target="#demo" class="active"></li>
            <li data-slide-to="1" data-target="#demo"></li>
            <li data-slide-to="2" data-target="#demo"></li>
            <li data-slide-to="3" data-target="#demo"></li>
          </ul>
        </div>
      </div>
</body>
</html>